<template>
  <view class="clause-page">
    <nav-bar left-text="使用条款" />
    <bg-set background="#f2f3f7" />
    <uni-list>
      <uni-list-item
        v-for="item in listData"
        :title="item.title"
        :showArrow="true"
        :key="item.title"
        :to="item.url"
        clickable
      ></uni-list-item>
    </uni-list>
  </view>
</template>

<script>
export default {
  name: "clause-page",
  setup() {
    const listData = [
      {
        title: "手机号绑定及添加亲友服务协议",
        url: "/pages/profile/clause/phone-agreement",
      },
      { title: "隐私保护指引", url: "/pages/profile/clause/privacy-agreement" },
    ];
    return { listData };
  },
};
</script>
<style lang='scss' scoped>
</style>